<!DOCTYPE html>
<html>

<head>
	<title> </title>
	<style type="text/css">
		#main {
			width: 900px;
			height: 340px;
			border: 1px solid black;
			position: relative;
		}

		#top {
			background-color: #ED5736;
			height: 60px;
			border: 1px solid black;
		}

		#left {
			background-color: #FF7500;
			position: absolute;
			top: 66px;
			left: 2px;
			width: 400px;
			height: 200px;
			border: 1px solid black;
		}

		#right {
			background-color: #D3B17D;
			position: absolute;
			top: 66px;
			left: 410px;
			width: 480px;
			height: 200px;
			border: 1px solid black;
		}

		#bottom {
			background-color: #BDDD22;
			height: 60px;
			border: 1px solid black;
			position: absolute;
			top: 270px;
			width: 100%;
		}
	</style>
</head>

<body>
	<div id="main">
		<div id="top">top</div>
		<div id="left">left</div>
		<div id="right">right</div>
		<div id="bottom">bottom</div>
	</div>
</body>

</html>